<template>
	<view class="mainbgc">
		<backtop ref="backtops"></backtop>
		<u-tabs :list="tablist" @click="changetab" itemStyle="padding-left: 45rpx; padding-right: 45rpx; height: 34px;">
		</u-tabs>
		<view class="mainpadding2">
			<!-- 专线 -->
			<view v-if="tabcarrentid==0">
				<view class="flexcenter" style="padding-top: 200rpx;" v-if="!zxdata.length">
					<view class="placeimage"></view>
				</view>
				<view style="padding: 30rpx;" v-for="item in zxdata" :key="item.id" @click.stop="jumpdetail('/pages/index/zhuanxianxq?id=',item.id)">
					<view class="flexleft" style="position: relative;">
						<view class="border_zhida" v-if="item.sfzz_status==0">直达</view>
						<view class="border_zhongzhuan" v-if="item.sfzz_status==1">中转</view>
						<view class="addresstext margin_right">{{item.sfcityinfo}}</view>
						<view class="huoche margin_right"></view>
						<view class="addresstext ">{{item.ddcityinfo}}</view>
						<view class="posilable"
							style="color: rgba(243, 173, 61, 1); background-color: rgba(243, 173, 61, .2);"
							v-if="item.status==1">审核中</view>
						<view class="posilable"
							style="color: rgba(0, 117, 255, 1); background-color: rgba(0, 117, 255, .2);"
							v-if="item.status==2">已审核</view>
						<view class="posilable"
							style="color: rgba(255, 0, 0, 1); background-color: rgba(255, 0, 0, .2);"
							v-if="item.status==3">审核失败</view>
					</view>
					<view class="nav_a radius flex_wrap">
						<!--  @click="jumpdetail('/pages/index/zhuye?id=',item.id)" -->
						<view class="nav_b">
							<view class="flexleft">
								<!-- <view class="left">
									<image :src="item.user.avatar_text" mode="" class="car_img"></image>
								</view> -->
								<view class="right">
									<!-- <view class="flexbetween">
										<view class="right_henan">{{item.gsmc}}</view>
										<view class="vip" v-if="item.user.vip_status">VIP认证</view>
									</view> -->
									<view class="flexleft flex_wrap">
										<view class="puhuo" v-for="ite in item.flags" :key="ite">{{ite}}</view>
									</view>
								</view>
							</view>
							<!-- 地址 -->
							<view class="add flexbetween">
								<view class="flexleft">
									<view class="address">{{item.sfcityinfo}}{{item.cf_address}}</view>
									<view class="km">{{kmUnit(Number(item.distance))}}</view>
								</view>
								<view class="flexleft">
									<view class="locations margin_right1" @click.stop="openmap(item)"></view>
									<view class="phone" @click.stop="phone(item.user.mobile,1)"></view>
								</view>
							</view>
							<view class="liu flexbetween flex_wrap">
								<view class="liulan">浏览：{{item.views}}</view>
								<view class="liulan">收藏：{{item.collect_num}}</view>
								<view class="liulan">拨打：{{item.call_num}}</view>
								<view class="liulan">转发：{{item.share_num}}</view>
							</view>
							<view class="flexaround margin_top">
								<view class="flexleft" @click.stop="edit('/pages/release/bianjizx?id=',item.id,1)">
									<view class="bianji margin_right1"></view>
									<view class="nostrongtext">编辑</view>
								</view>
								<view class="flexleft" @click.stop="xiajia(item,0)">
									<view class="xiajia margin_right1"></view>
									<view class="nostrongtext">{{item.xj_status=="hidden"?"上架":"下架"}}</view>
								</view>
								<view class="flexleft" @click.stop="del(item,zxdata,index,0)">
									<view class="del margin_right1"></view>
									<view class="nostrongtext">删除</view>
								</view>
							</view>
						</view>
						<!-- 						<view class="mainpadding" v-if="zxdata.zxlist.length">
							<view class="wdfb radius">
								<view class="flexbetween mainpadding" @click.stop="changeshow">
									<view class="strongtext">我发布的专线</view>
									<view :class="zxdata.isshow?'xiarotate':'rightrotate'"></view>
								</view>
								<view class="bottomline mainpadding" v-show="zxdata.isshow"
									v-for="(item,index) in zxdata.zxlist">
									<view class="flexleft"
										@click.stop="jumpdetail('/pages/index/zhuanxianxq?id=',item.id)">
										<view class="border_zhida" v-if="item.sfzz_status==0">直达</view>
										<view class="border_zhongzhuan" v-if="item.sfzz_status==1">中转</view>
										<view class="addresstext margin_right">{{item.sfcityinfo}}</view>
										<view class="huoche margin_right"></view>
										<view class="addresstext ">{{item.ddcityinfo}}</view>
									</view>
									<view class="flexaround margin_top">
										<view class="flexleft" @click.stop="edit('/pages/release/bianjizx?id=',item.id,1)">
											<view class="bianji margin_right1"></view>
											<view class="nostrongtext">编辑</view>
										</view>
										<view class="flexleft" @click.stop="xiajia(item,0)">
											<view class="xiajia margin_right1"></view>
											<view class="nostrongtext">{{item.xj_status=="hidden"?"上架":"下架"}}</view>
										</view>
										<view class="flexleft" @click.stop="del(item,zxdata.zxlist,index,0)">
											<view class="del margin_right1"></view>
											<view class="nostrongtext">删除</view>
										</view>
									</view>
								</view>
							</view>
						</view> -->
					</view>
				</view>

			</view>
			<!-- 供求 -->
			<view v-if="tabcarrentid==1">
				<view class="centers  flexleft flexcenter">
					<view class="all" :class="lable==1?'gongying':' xuqui'" @click="changelable(1)">供应</view>
					<view class="alls" :class="lable==2?'gongying':'xuqui'" @click="changelable(2)">需求</view>
				</view>
				<view class="flexcenter" style="padding-top: 200rpx;" v-if="!list.data.length">
					<view class="placeimage"></view>
				</view>
				<view class="" v-if="list.data.length">
					<view class="center margin_top" v-for="item in list.data" :key="item.id"
						@click="jumpdetail('/pages/supply/gongyingxq?id=',item.id)">
						<view class="flexbetween flex_wrap">
							<view class="posilable"
								style="color: rgba(243, 173, 61, 1); background-color: rgba(243, 173, 61, .2);"
								v-if="item.status==1">审核中</view>
							<view class="posilable"
								style="color: rgba(0, 117, 255, 1); background-color: rgba(0, 117, 255, .2);"
								v-if="item.status==2">已审核</view>
							<view class="posilable"
								style="color: rgba(255, 0, 0, 1); background-color: rgba(255, 0, 0, .2);"
								v-if="item.status==3">审核失败</view>
							<view class="flexleft">
								<view class="image_ya">
									<image :src="item.user.avatar_text" mode=""></image>
								</view>
								<view class="center_zi ">
									<view class="word_hei">{{item.user.nickname}}</view>
									<view class="hui">{{item.createtime_text}}</view>
								</view>
							</view>
							<view class="flexleft">
								<view class="province_jiangsu">{{item.cityinfo}}</view>
							</view>
						</view>
						<view class="margin_top">
							<view class="quigou hui">{{item.category_text.join(',')}}</view>
						</view>
						<view class="TV flexbetween flex_wrap">
							<view class="hei margin_top">{{item.title}}</view>
							<view class="quigou hui">{{lable==1?"供应":"求购"}}：{{item.num}}</view>
						</view>
						<view class="hui">{{item.des}}</view>
						<!-- 图片 -->
						<view class="flexleft margin_top flex_wrap">
							<view class="item_image_box flexcenter" v-for="ite in item.images_text" :key="ite">
								<view class="item_image">
									<image :src="ite" mode=""></image>
								</view>
							</view>
						</view>
						<view class="flexbetween margin_top">
							<view class="hui">浏览：{{item.views}}次</view>
							<view class="hui">收藏：{{item.collect_num}}</view>
							<view class="hui">分享：{{item.share_num}}</view>
							<view class="hui">拨打：{{item.call_num}}</view>
						</view>
						<view class="flexaround margin_top">
							<view class="flexleft" @click.stop="edit('/pages/release/fabugq?id=',item.id,2)">
								<view class="bianji margin_right1"></view>
								<view class="nostrongtext">编辑</view>
							</view>
							<view class="flexleft" @click.stop="xiajia(item,1)">
								<view class="xiajia margin_right1"></view>
								<view class="nostrongtext">{{item.xj_status=="hidden"?"上架":"下架"}}</view>
							</view>
							<view class="flexleft" @click.stop="del(item,list.data,index,1)">
								<view class="del margin_right1"></view>
								<view class="nostrongtext">删除</view>
							</view>
						</view>
					</view>
					<view class="footertextdaodi">老板！到底没数据了！</view>
				</view>

			</view>
			<!-- 招标 -->
			<view v-if="tabcarrentid==2">
				<view class="flexcenter" style="padding-top: 200rpx;" v-if="!list.data.length">
					<view class="placeimage"></view>
				</view>
				<view class="" v-if="list.data.length">
					<view class="center margin_top" v-for="item in list.data" :key="item.id"
						@click="jumpdetail('/pages/index/zhaobiaoxmxq?id=',item.id)">
						<view class="posilable"
							style="color: rgba(243, 173, 61, 1); background-color: rgba(243, 173, 61, .2);"
							v-if="item.status==1">审核中</view>
						<view class="posilable"
							style="color: rgba(0, 117, 255, 1); background-color: rgba(0, 117, 255, .2);"
							v-if="item.status==2">已审核</view>
						<view class="posilable"
							style="color: rgba(255, 0, 0, 1); background-color: rgba(255, 0, 0, .2);"
							v-if="item.status==3">审核失败</view>
						<view class="flexbetween flex_wrap">
							<view class="flexleft">
								<view class="image_ya">
									<image :src="item.user.avatar_text" mode=""></image>
								</view>
								<view class="center_zi ">
									<view class="word_hei">{{item.user.nickname}}</view>
									<view class="hui">{{item.createtime_text}}</view>
								</view>
							</view>
							<view class="flexleft">
								<view class="province_jiangsu">{{item.cityinfo}}</view>
							</view>
						</view>
						<view class="TV">
							<view class="hei margin_top">{{item.title}}</view>
						</view>
						<view class="hui">{{item.des}}</view>
						<!-- 图片 -->
						<view class="flexleft margin_top flex_wrap">
							<view class="item_image_box flexcenter" v-for="ite in item.images_text" :key="ite">
								<view class="item_image">
									<image :src="ite" mode=""></image>
								</view>
							</view>
						</view>
						<view class="flexaround margin_top">
							<view class="flexleft" @click.stop="edit('/pages/release/zhaobiao?id=',item.id,3)">
								<view class="bianji margin_right1"></view>
								<view class="nostrongtext">编辑</view>
							</view>
							<view class="flexleft" @click.stop="xiajia(item,2)">
								<view class="xiajia margin_right1"></view>
								<view class="nostrongtext">{{item.xj_status=="hidden"?"上架":"下架"}}</view>
							</view>
							<view class="flexleft" @click.stop="del(item,list.data,index,2)">
								<view class="del margin_right1"></view>
								<view class="nostrongtext">删除</view>
							</view>
						</view>
					</view>
					<view class="footertextdaodi">老板！到底没数据了！</view>
				</view>

			</view>
			<!-- 论坛 -->
			<view v-if="tabcarrentid==3">
				<view class="flexcenter" style="padding-top: 200rpx;" v-if="!list.data.length">
					<view class="placeimage"></view>
				</view>
				<view class="" v-if="list.data.length">
					<view class="center margin_top" v-for="item in list.data" :key="item.id"
						@click="jumpdetail('/pages/index/luntanxq?id=',item.id)">
						<view class="posilable"
							style="color: rgba(243, 173, 61, 1); background-color: rgba(243, 173, 61, .2);"
							v-if="item.status==1">审核中</view>
						<view class="posilable"
							style="color: rgba(0, 117, 255, 1); background-color: rgba(0, 117, 255, .2);"
							v-if="item.status==2">已审核</view>
						<view class="posilable"
							style="color: rgba(255, 0, 0, 1); background-color: rgba(255, 0, 0, .2);"
							v-if="item.status==3">审核失败</view>
						<view class="flexbetween flex_wrap">
							<view class="flexleft">
								<view class="image_ya">
									<image :src="item.user.avatar_text" mode=""></image>
								</view>
								<view class="center_zi ">
									<view class="word_hei">{{item.user.nickname}}</view>
									<view class="hui">{{item.createtime_text}}</view>
								</view>
							</view>
						</view>
						<view class="hei center_shuju margin_top">{{item.title}}</view>
						<view class="TV">
							<view class="hui margin_top lianghang">{{item.des}}</view>
						</view>
						<!-- 图片 -->
						<view class="flexleft margin_top flex_wrap">
							<view class="item_image_box flexcenter" v-for="ite in item.images_text">
								<view class="item_image">
									<image :src="ite" mode=""></image>
								</view>
							</view>
						</view>
						<view class="flexaround margin_top">
							<view class="flexleft" @click.stop="edit('/pages/release/fabuluntan?id=',item.id,4)">
								<view class="bianji margin_right1"></view>
								<view class="nostrongtext">编辑</view>
							</view>
							<view class="flexleft" @click.stop="xiajia(item,3)">
								<view class="xiajia margin_right1"></view>
								<view class="nostrongtext">{{item.xj_status=="hidden"?"上架":"下架"}}</view>
							</view>
							<view class="flexleft" @click.stop="del(item,list.data,index,3)">
								<view class="del margin_right1"></view>
								<view class="nostrongtext">删除</view>
							</view>
						</view>
					</view>
					<view class="footertextdaodi">老板！到底没数据了！</view>
				</view>

			</view>
			<!-- 招聘 -->
			<view v-if="tabcarrentid==4">
				<view class="centers  flexleft flexcenter">
					<view class="all" :class="lablezp==1?'gongying':' xuqui'" @click="changelablezp(1)">招聘</view>
					<view class="alls" :class="lablezp==2?'gongying':'xuqui'" @click="changelablezp(2)">求职</view>
				</view>
				<view class="flexcenter" style="padding-top: 200rpx;" v-if="!list.data.length">
					<view class="placeimage"></view>
				</view>
				<view class="" v-if="list.data.length">
					<view class="center margin_top" v-show="lablezp==1" v-for="item in list.data" :key="item.id"
						@click="jumpdetail('/pages/index/zhiwiexiangqing?id=',item.id)">
						<view class="posilable"
							style="color: rgba(243, 173, 61, 1); background-color: rgba(243, 173, 61, .2);"
							v-if="item.status==1">审核中</view>
						<view class="posilable"
							style="color: rgba(0, 117, 255, 1); background-color: rgba(0, 117, 255, .2);"
							v-if="item.status==2">已审核</view>
						<view class="posilable"
							style="color: rgba(255, 0, 0, 1); background-color: rgba(255, 0, 0, .2);"
							v-if="item.status==3">审核失败</view>
						<view class="flexbetween flex_wrap">
							<view class="flexleft">
								<view class="image_ya">
									<image :src="item.user.avatar_text" mode=""></image>
								</view>
								<view class="center_zi ">
									<view class="word_hei">{{item.user.nickname}}</view>
									<view class="hui">{{item.createtime_text}}</view>
								</view>
							</view>
							<view class="flexleft">
								<view class="province_jiangsu">{{item.cityinfo}}</view>
							</view>
						</view>
						<view class="flexleft flex_wrap">
							<view class="province_jiangsu margin_top1 margin_right1" v-for="ite in item.flags"
								:key="ite">
								{{ite}}
							</view>
						</view>
						<view class="flexbetween flex_wrap">
							<view class="hei margin_top">{{item.title}}</view>
							<view class="strongtext quigou">{{item.xz}}</view>
						</view>
						<view class="hui">{{item.des}}</view>

						<view class="flexaround margin_top">
							<view class="flexleft" @click.stop="edit('/pages/release/zhaopin?id=',item.id,5)">
								<view class="bianji margin_right1"></view>
								<view class="nostrongtext">编辑</view>
							</view>
							<view class="flexleft" @click.stop="xiajia(item,4)">
								<view class="xiajia margin_right1"></view>
								<view class="nostrongtext">{{item.xj_status=="hidden"?"上架":"下架"}}</view>
							</view>
							<view class="flexleft" @click.stop="del(item,list.data,index,4)">
								<view class="del margin_right1"></view>
								<view class="nostrongtext">删除</view>
							</view>
						</view>
						<view class="lookjl margin_top flexcenter"
							@click.stop="jumpdetail('/pages/mypage/yitoujl?',item.id)">查看已投递简历</view>
					</view>
					<view class="center margin_top" v-show="lablezp==2" v-for="item in list.data" :key="item.id"
						@click="jumpdetail('/pages/index/zhaopingrxq?id=',item.id)">
						<view class="posilable"
							style="color: rgba(243, 173, 61, 1); background-color: rgba(243, 173, 61, .2);"
							v-if="item.status==1">审核中</view>
						<view class="posilable"
							style="color: rgba(0, 117, 255, 1); background-color: rgba(0, 117, 255, .2);"
							v-if="item.status==2">已审核</view>
						<view class="posilable"
							style="color: rgba(255, 0, 0, 1); background-color: rgba(255, 0, 0, .2);"
							v-if="item.status==3">审核失败</view>
						<view class="flexbetween flex_wrap">
							<view class="flexleft">
								<view class="image_ya">
									<image :src="item.user.avatar_text" mode=""></image>
								</view>
								<view class="center_zi ">
									<view class="word_hei">{{item.user.nickname}}</view>
									<view class="hui">{{item.createtime_text}}</view>
								</view>
							</view>
							<view class="flexleft">
								<view class="province_jiangsu">{{item.cityinfo}}</view>
							</view>
						</view>
						<view class="flexleft flex_wrap">
							<view class="province_jiangsu margin_top1 margin_right1" v-for="ite in item.flags"
								:key="ite">
								{{ite}}
							</view>
						</view>
						<view class="flexbetween">
							<view class="hei margin_top">{{item.title}}</view>
							<view class="strongtext quigou">{{item.xz}}</view>
						</view>
						<view class="hui">{{item.des}}</view>
						<!-- 图片 -->
						<view class="flexleft margin_top flex_wrap" v-if="item.images_text.length">
							<view class="item_image_box flexcenter" v-for="ite in item.images_text" :key="ite">
								<view class="item_image">
									<image :src="ite" mode=""></image>
								</view>
							</view>
						</view>
						<view class="flexaround margin_top">
							<view class="flexleft" @click.stop="edit('/pages/release/zhaopin?id=',item.id,6)">
								<view class="bianji margin_right1"></view>
								<view class="nostrongtext">编辑</view>
							</view>
							<view class="flexleft" @click.stop="xiajia(item,4)">
								<view class="xiajia margin_right1"></view>
								<view class="nostrongtext">{{item.xj_status=="hidden"?"上架":"下架"}}</view>
							</view>
							<view class="flexleft" @click.stop="del(item,list.data,index,4)">
								<view class="del margin_right1"></view>
								<view class="nostrongtext">删除</view>
							</view>
						</view>
					</view>
					<view class="footertextdaodi">老板！到底没数据了！</view>
				</view>


			</view>
			<!-- 仓储 -->
			<view v-if="tabcarrentid==5">
				<view class="centers  flexleft flexcenter">
					<view class="all" :class="lablecc==1?'gongying':' xuqui'" @click="changelablecc(1)">供应</view>
					<view class="alls" :class="lablecc==2?'gongying':'xuqui'" @click="changelablecc(2)">需求</view>
				</view>
				<view class="flexcenter" style="margin-top: 200rpx;" v-if="!list.data.length">
					<view class="placeimage"></view>
				</view>
				<view class="" v-if="list.data.length">
					<view class="" v-show="lablecc==1">
						<view class="chuzu" v-for="item in list.data" :key="item.id"
							@click="jumpdetail('/pages/index/cangchugyxq?id=',item.id)">
							<view class="posilable"
								style="color: rgba(243, 173, 61, 1); background-color: rgba(243, 173, 61, .2);"
								v-if="item.status==1">审核中</view>
							<view class="posilable"
								style="color: rgba(0, 117, 255, 1); background-color: rgba(0, 117, 255, .2);"
								v-if="item.status==2">已审核</view>
							<view class="posilable"
								style="color: rgba(255, 0, 0, 1); background-color: rgba(255, 0, 0, .2);"
								v-if="item.status==3">审核失败</view>
							<view class="flexleft">
								<view class="ccimg_relative">
									<image :src="item.image_text" mode="" class="chuzu_img"></image>
									<view class="right_chuzu" v-show="item.item.name=='出租'">{{item.item.name}}</view>
									<view class="right_chushou" v-show="item.item.name=='出售'">{{item.item.name}}</view>
								</view>
								<view class="chuzu_a">
									<view class="flexbetween">
										<view class="word_weight">{{item.ckmj}}㎡{{item.ckitem.name}}</view>
									</view>
									<view class="chuzu_center flexleft">
										<image src="@/static/images/sy_slices/hongbi.png" mode="" class="tubiao">
										</image>
										<view class="yuan">{{item.cszj}}</view>
									</view>
									<view class="dingwie  flexbetween">
										<view class=" flexleft">
											<view class="location"></view>
											<view class="dizhi">{{item.cityinfo}}</view>
										</view>
										<!-- <view class="word_bluer">{{kmUnit(Number(item.distance))}}</view> -->
									</view>
								</view>
							</view>

							<view class="flexaround margin_top">
								<view class="flexleft" @click.stop="edit('/pages/release/xuqui?id=',item.id,7)">
									<view class="bianji margin_right1"></view>
									<view class="nostrongtext">编辑</view>
								</view>
								<view class="flexleft" @click.stop="xiajia(item,4)">
									<view class="xiajia margin_right1"></view>
									<view class="nostrongtext">{{item.xj_status=="hidden"?"上架":"下架"}}</view>
								</view>
								<view class="flexleft" @click.stop="del(item,list.data,index,4)">
									<view class="del margin_right1"></view>
									<view class="nostrongtext">删除</view>
								</view>
							</view>
						</view>
					</view>
					<view class="" v-show="lablecc==2">
						<view class="chuzu" @click="jumpdetail('/pages/index/cangchuxqxq?id=',item.id)"
							v-for="item in list.data" :key="item.id">
							<view class="posilable"
								style="color: rgba(243, 173, 61, 1); background-color: rgba(243, 173, 61, .2);"
								v-if="item.status==1">审核中</view>
							<view class="posilable"
								style="color: rgba(0, 117, 255, 1); background-color: rgba(0, 117, 255, .2);"
								v-if="item.status==2">已审核</view>
							<view class="posilable"
								style="color: rgba(255, 0, 0, 1); background-color: rgba(255, 0, 0, .2);"
								v-if="item.status==3">审核失败</view>
							<view class="chuzu_a">
								<view class="flexbetween">
									<view class="word_weight">{{item.ckmj}}㎡{{item.ckitem.name}}</view>
								</view>
								<view class="chuzu_center flexleft">
									<image src="@/static/images/sy_slices/hongbi.png" mode="" class="tubiao"></image>
									<view class="yuan">{{item.cszj}}</view>
								</view>
								<view class="dingwie flexleft">
									<view class="location"></view>
									<view class="dizhi">{{item.cityinfo}}</view>
								</view>
							</view>
							<view class="flexaround margin_top">
								<view class="flexleft" @click.stop="edit('/pages/release/xuqui?id=',item.id,8)">
									<view class="bianji margin_right1"></view>
									<view class="nostrongtext">编辑</view>
								</view>
								<view class="flexleft" @click.stop="xiajia(item,4)">
									<view class="xiajia margin_right1"></view>
									<view class="nostrongtext">{{item.xj_status=="hidden"?"上架":"下架"}}</view>
								</view>
								<view class="flexleft" @click.stop="del(item,list.data,index,4)">
									<view class="del margin_right1"></view>
									<view class="nostrongtext">删除</view>
								</view>
							</view>
						</view>
					</view>

					<view class="footertextdaodi">老板！到底没数据了！</view>
				</view>
			</view>
			<!-- 资讯 -->
			<view v-if="tabcarrentid==6">
				<view class="flexcenter" style="padding-top: 200rpx;" v-if="!list.data.length">
					<view class="placeimage"></view>
				</view>
				<view class="" v-if="list.data.length">
					<view class="center margin_top" v-for="item in list.data" :key="item.id"
						@click="jumpdetail('/pages/index/zixunxq?id=',item.id)">
						<view class="flexbetween flex_wrap">
							<view class="posilable"
								style="color: rgba(243, 173, 61, 1); background-color: rgba(243, 173, 61, .2);"
								v-if="item.apply_status==1">审核中</view>
							<view class="posilable"
								style="color: rgba(0, 117, 255, 1); background-color: rgba(0, 117, 255, .2);"
								v-if="item.apply_status==2">已审核</view>
							<view class="posilable"
								style="color: rgba(255, 0, 0, 1); background-color: rgba(255, 0, 0, .2);"
								v-if="item.apply_status==3">审核失败</view>
							<view>
								<view>
									<view class="word_hei">{{item.user.nickname}}</view>
									<view class="hui">{{item.createtime_text}}</view>
								</view>
							</view>
							<view class="flexleft">
								<view class="province_jiangsu">{{item.cityinfo}}</view>
							</view>
						</view>
						<view class="flexbetween">
							<view class="TV">
								<view class="word_hei margin_top">{{item.title}}</view>
								<!-- <view class="hui">{{item.des}}</view> -->
								<view class="flexbetween margin_top">
									<view class="hui">阅读：{{item.views}}</view>
									<view class="hui">点赞：{{item.dz_num}}</view>
									<view class="hui">收藏：{{item.collect_num}}</view>
									<view class="hui">分享：{{item.share_num}}</view>
								</view>
							</view>
							<!-- 图片 -->
							<view class="flexcenter">
								<view class="item_image1">
									<image :src="item.images_text[0]" mode="" class="round"></image>
								</view>
							</view>
						</view>
						<view class="flexaround margin_top">
							<view class="flexleft" @click.stop="edit('/pages/release/fabuzixun?id=',item.id,9)">
								<view class="bianji margin_right1"></view>
								<view class="nostrongtext">编辑</view>
							</view>
							<view class="flexleft" @click.stop="xiajia(item,5)">
								<view class="xiajia margin_right1"></view>
								<view class="nostrongtext">{{item.status=="hidden"?"上架":"下架"}}</view>
							</view>
							<view class="flexleft" @click.stop="del(item,list.data,index,5)">
								<view class="del margin_right1"></view>
								<view class="nostrongtext">删除</view>
							</view>
						</view>
					</view>
					<view class="footertextdaodi">老板！到底没数据了！</view>
				</view>

			</view>
		</view>

	</view>
</template>

<script>
	const httpRequest = require("@/common/httpRequest.js")
	export default {
		data() {
			return {
				tablist: [],
				tabcarrent: 0,
				lable: 1, //1需求,2供应
				lablezp: 1, //1招聘，2求职
				lablecc: 1, //1供应,2需求
				page: 1,
				limit: 12,
				list: {
					data: []
				},
				lat: "",
				lng: "",
				zxdata: {},
				tabcarrentid: "",
				flag: false,
				setmsg: {},
				userInfo: {}
			}
		},
		onShow() {
			this.getinfo()
		},
		onPageScroll(res) {
			if (res.scrollTop > 700) {
				this.$refs.backtops.isshow = true
			} else {
				this.$refs.backtops.isshow = false
			}
		},
		methods: {
			getinfo() {
				httpRequest.request("/api/user/index", 'GET', {}, false, false, true).then(res => {
					if (res.code == 1) {
						if (!this.flag) {
							let data = res.data
							if (data.zx_num != 0) {
								this.tablist.push({
									name: "专线",
									id: 0,
								})
							}
							if (data.gx_num != 0) {
								this.tablist.push({
									name: "供求",
									id: 1,
								})
							}
							if (data.bidding_num != 0) {
								this.tablist.push({
									name: "招标",
									id: 2,
								})
							}
							if (data.forum_num != 0) {
								this.tablist.push({
									name: "论坛",
									id: 3,
								})
							}
							if (data.zp_num != 0) {
								this.tablist.push({
									name: "招聘",
									id: 4,
								})
							}
							// if(data.cc_num!=0){
							// 	this.tablist.push({
							// 		name:"仓储",
							// 		id:5,
							// 	})
							// }
							if (data.info_num != 0) {
								this.tablist.push({
									name: "资讯",
									id: 6,
								})
							}
							this.tabcarrentid = this.tablist[0].id
						}
						this.userInfo = res.data
						this.flag = true
						this.getsetmsg()
						this.getlocation()
					}
				}).catch(err => {
					httpRequest.toast(err.msg);
				})
			},
			getsetmsg() {
				httpRequest.request('/api/index/getConfigInfo', 'POST', {}, false, false, true).then(res => {
					if (res.code == 1) {
						this.setmsg = res.data
					}
				}).catch(err => {
					httpRequest.toast(err.msg);
				})
			},
			// 编辑
			edit(url, id, value) { //1专线，2供应，3招标，4论坛，5招聘，6求职，7仓储供应，8仓储需求，9行业咨询
				console.log(value, "状态值")
				if (value == 1) {
					if (this.setmsg.zx_status == 0) { //专线
						if (this.userInfo.shop_apply_status == 0) {
							httpRequest.toast("您还未进行企业认证，暂时无法编辑物流运输");
							return false
						}
						if (this.userInfo.shop_apply_status == 1) {
							httpRequest.toast("您的企业认证正在审核中，暂时无法编辑物流运输");
							return false
						}
						if (this.userInfo.shop_apply_status == 3) {
							httpRequest.toast("您的企业认证被拒，请重新进行认证");
							return false
						}
					}
				}
				if (value == 2 && this.lable == 2) { //供求供应
					if (this.setmsg.gx_gy_status == 0) {
						if (this.userInfo.shop_apply_status == 0) {
							httpRequest.toast("您还未进行企业认证，暂时无法编辑产品供应");
							return false
						}
						if (this.userInfo.shop_apply_status == 1) {
							httpRequest.toast("您的企业认证正在审核中，暂时无法编辑产品供应");
							return false
						}
						if (this.userInfo.shop_apply_status == 3) {
							httpRequest.toast("您的企业认证被拒，请重新进行认证");
							return false
						}
					}
				}
				if (value == 2 && this.lable == 1) { //供求需求
					if (this.setmsg.gx_xq_status == 0) {
						if (this.userInfo.shop_apply_status == 0) {
							httpRequest.toast("您还未进行企业认证，暂时无法编辑产品需");
							return false
						}
						if (this.userInfo.shop_apply_status == 1) {
							httpRequest.toast("您的企业认证正在审核中，暂时无法编辑产品需");
							return false
						}
						if (this.userInfo.shop_apply_status == 3) {
							httpRequest.toast("您的企业认证被拒，请重新进行认证");
							return false
						}
					}
				}
				if (value == 3) {
					if (this.setmsg.bidding_status == 0) { //招标
						if (this.userInfo.shop_apply_status == 0) {
							httpRequest.toast("您还未进行企业认证，暂时无法编辑招标");
							return false
						}
						if (this.userInfo.shop_apply_status == 1) {
							httpRequest.toast("您的企业认证正在审核中，暂时无法编辑招标");
							return false
						}
						if (this.userInfo.shop_apply_status == 3) {
							httpRequest.toast("您的企业认证被拒，请重新进行认证");
							return false
						}
					}
				}
				if (value == 4) {
					if (this.setmsg.forum_status == 0) { //论坛
						if (this.userInfo.shop_apply_status == 0) {
							httpRequest.toast("您还未进行企业认证，暂时无法编辑论坛");
							return false
						}
						if (this.userInfo.shop_apply_status == 1) {
							httpRequest.toast("您的企业认证正在审核中，暂时无法编辑论坛");
							return false
						}
						if (this.userInfo.shop_apply_status == 3) {
							httpRequest.toast("您的企业认证被拒，请重新进行认证");
							return false
						}
					}
				}
				if (value == 5) {
					if (this.setmsg.zp_status == 0) { //招聘
						if (this.userInfo.shop_apply_status == 0) {
							httpRequest.toast("您还未进行企业认证，暂时无法编辑招聘信息");
							return false
						}
						if (this.userInfo.shop_apply_status == 1) {
							httpRequest.toast("您的企业认证正在审核中，暂时无法编辑招聘信息");
							return false
						}
						if (this.userInfo.shop_apply_status == 3) {
							httpRequest.toast("您的企业认证被拒，请重新进行认证");
							return false
						}
					}
				}
				if (value == 6) {
					if (this.setmsg.qz_status == 0) { //求职
						if (this.userInfo.shop_apply_status == 0) {
							httpRequest.toast("您还未进行企业认证，暂时无法编辑求职信息");
							return false
						}
						if (this.userInfo.shop_apply_status == 1) {
							httpRequest.toast("您的企业认证正在审核中，暂时无法编辑求职信息");
							return false
						}
						if (this.userInfo.shop_apply_status == 3) {
							httpRequest.toast("您的企业认证被拒，请重新进行认证");
							return false
						}
					}
				}
				if (value == 7) {
					if (this.setmsg.cc_gy_status == 0) { //供应
						if (this.userInfo.shop_apply_status == 0) {
							httpRequest.toast("您还未进行企业认证，暂时无法编辑物流仓储供应");
							return false
						}
						if (this.userInfo.shop_apply_status == 1) {
							httpRequest.toast("您的企业认证正在审核中，暂时无法编辑物流仓储供应");
							return false
						}
						if (this.userInfo.shop_apply_status == 3) {
							httpRequest.toast("您的企业认证被拒，请重新进行认证");
							return false
						}
					}
				}
				if (value == 8) {
					if (this.setmsg.cc_gy_status == 0) { //需求
						if (this.userInfo.shop_apply_status == 0) {
							httpRequest.toast("您还未进行企业认证，暂时无法编辑物流仓储需求");
							return false
						}
						if (this.userInfo.shop_apply_status == 1) {
							httpRequest.toast("您的企业认证正在审核中，暂时无法编辑物流仓储需求");
							return false
						}
						if (this.userInfo.shop_apply_status == 3) {
							httpRequest.toast("您的企业认证被拒，请重新进行认证");
							return false
						}
					}
				}
				if (value == 9) {
					if (this.setmsg.info_status == 0) { //行业咨询
						if (this.userInfo.shop_apply_status == 0) {
							httpRequest.toast("您还未进行企业认证，暂时无法编辑行业咨询");
							return false
						}
						if (this.userInfo.shop_apply_status == 1) {
							httpRequest.toast("您的企业认证正在审核中，暂时无法编辑行业咨询");
							return false
						}
						if (this.userInfo.shop_apply_status == 3) {
							httpRequest.toast("您的企业认证被拒，请重新进行认证");
							return false
						}
					}
				}

				uni.navigateTo({
					url: url + id
				})
			},
			// 下架
			xiajia(item, value) {
				let tishitext = item.xj_status == "normal" ? "确认下架当前内容吗?" : "确认上架当前内容吗?"
				let satatus = item.xj_status == "normal" ? "hidden" : "normal"
				let tishitext1 = item.status == "normal" ? "确认下架当前内容吗?" : "确认上架当前内容吗?"
				let satatus1 = item.status == "normal" ? "hidden" : "normal"
				let data = {
					id: item.id,
					xj_status: satatus
				}
				let url = ""
				if (value == 0) {
					url = "/api/zx/czXjStatus"
				}
				if (value == 1) {
					url = "/api/gx/czXjStatus"
				}
				if (value == 2) {
					url = "/api/bidding/czXjStatus"
				}
				if (value == 3) {
					url = "/api/forum/czXjStatus"
				}
				if (value == 4) {
					url = "/api/zp/czXjStatus"
				}
				if (value == 5) {
					url = "/api/info/czXjStatus"
					data = {
						id: item.id,
						status: satatus1
					}
				}
				httpRequest.modal('提示', tishitext, true, (res) => {
					if (res) {
						httpRequest.request(url, 'GET', data, false, false, true).then(res => {
							httpRequest.toast(res.msg)
							if (res.code == 1) {
								item.xj_status = satatus
								// this.init()
							}
						}).catch(err => {
							httpRequest.toast(err.msg);
						})
					}
				})
			},
			// 删除
			del(item, list, index, value) {
				let data = {
					id: item.id,
				}
				let url = ""
				if (value == 0) {
					url = "/api/zx/deleteZx"
				}
				if (value == 1) {
					url = "/api/gx/deleteGx"
				}
				if (value == 2) {
					url = "/api/bidding/deleteBidding"
				}
				if (value == 3) {
					url = "/api/forum/deleteForum"
				}
				if (value == 4) {
					url = "/api/zp/deleteZp"
				}
				if (value == 5) {
					url = "/api/info/deleteInfo"
				}
				httpRequest.modal('提示', "确认删除当前数据吗?", true, (res) => {
					if (res) {
						httpRequest.request(url, 'GET', data, false, false, true).then(res => {
							httpRequest.toast(res.msg)
							if (res.code == 1) {
								list.splice(index, 1)
							}
						}).catch(err => {
							httpRequest.toast(err.msg);
						})
					}
				})
			},
			jumpdetail(urls, id) {
				uni.navigateTo({
					url: urls + id
				})
			},
			// 小程序获取当前位置信息
			getlocation() {
				let _this = this
				uni.getLocation({
					type: 'gcj02',
					geocode: true,
					success: function(res) {
						console.log(res, "0098099")
						//逆地址解析  坐标转地址信息
						_this.lat = res.latitude
						_this.lng = res.longitude
						_this.init()
					}
				});
			},
			// 获取优选仓库列表
			init(isPage, page) {
				let _this = this;
				let url = ""
				let data = {}
				console.log(this.tabcarrentid, "897878currentid")
				if (this.tabcarrentid == 0) { //专线
					url = "/api/zx/myZxList"
					data = {
						page: page || 1,
						limit: _this.limit,
						lat: _this.lat,
						lng: _this.lng,
					}
				}
				if (this.tabcarrentid == 1) { //供应，需求
					url = "/api/gx/myGxList"
					data = {
						page: page || 1,
						limit: _this.limit,
						type: _this.lable
					}
				}
				if (this.tabcarrentid == 2) { //招标
					url = "/api/bidding/myBiddingList"
					data = {
						page: page || 1,
						limit: _this.limit,
					}
				}
				if (this.tabcarrentid == 3) { //论坛
					url = "/api/forum/myForumList"
					data = {
						page: page || 1,
						limit: _this.limit,
						lat: _this.lat,
						lng: _this.lng,
					}
				}
				if (this.tabcarrentid == 4) { //招聘
					url = "/api/zp/myZpList"
					data = {
						page: page || 1,
						limit: _this.limit,
						type: _this.lablezp
					}
				}
				if (this.tabcarrentid == 5) { //仓储
					url = "/api/cc/myCcList"
					data = {
						page: page || 1,
						limit: _this.limit,
						type: _this.lablecc
					}
				}
				if (this.tabcarrentid == 6) { //资讯
					url = "/api/info/myinfoList"
					data = {
						page: page || 1,
						limit: _this.limit,
					}
				}
				httpRequest.request(url, 'GET', data, false, false, true).then(res => {
					if (res.code == 1 && res.data) {
						console.log(res.data)
						if (this.tabcarrentid == 0) {
							this.$set(res.data, "isshow", false)
							this.zxdata = res.data.data
						} else {
							let resList = res.data;
							let dataList = _this.list;
							if (isPage == true) {
								_this.list.data = dataList.data.concat(resList.data);
							} else {
								this.list = res.data
								_this.list.data = resList.data;
							}
						}
					}
				}).catch(err => {
					httpRequest.toast(err.msg);
				})
			},
			onReachBottom() {
				if (this.tabcarrentid == 0) {
					return false
				}
				let _this = this;
				let list = _this.list;
				let page = _this.page;
				if (list.last_page <= page) {
					return false;
				}
				page++;
				_this.page = page;
				_this.init(true, page);
			},
			openmaptwo(item) {
				uni.openLocation({
					latitude: Number(item.latitude), //即将传到高德或腾讯地图的终点纬度  必须是数值，字符串无效
					longitude: Number(item.longitude), //即将传到高德或腾讯地图的终点经度  必须是数值，字符串无效
					name: item.shop_name, //即将传到高德或腾讯地图的店铺名称
					address: item.cityinfo + item.address, //即将传到高德或腾讯地图的详细地址
					scale: 18
				})
			},
			openmap(item) {
				uni.openLocation({
					latitude: Number(item.shop.latitude), //即将传到高德或腾讯地图的终点纬度  必须是数值，字符串无效
					longitude: Number(item.shop.longitude), //即将传到高德或腾讯地图的终点经度  必须是数值，字符串无效
					name: item.shop.shop_name, //即将传到高德或腾讯地图的店铺名称
					address: item.shop.cityinfo + item.shop.address, //即将传到高德或腾讯地图的详细地址
					scale: 18
				})
			},
			phone(p, value) {
				if (value) {
					this.addboda(value)
				}
				uni.makePhoneCall({
					phoneNumber: p.toString()
				}).catch((e) => {

				})
			},
			addboda(value) {
				httpRequest.request('/api/zx/addZXListCallNum', 'GET', {
					id: value,
				}, false, false, true).then(res => {})
			},
			kmUnit(m) {
				var v;
				if (typeof m === 'number' && !isNaN(m)) {
					if (m >= 1000) {
						v = (m / 1000).toFixed(2) + 'km'
					} else {
						v = m + 'm'
					}
				} else {
					v = '0m'
				}
				return v;
			},
			changetab(item) {
				console.log(item, "当前对象")
				this.tabcarrent = item.index
				this.tabcarrentid = item.id
				this.init()
			},
			// 切换供需
			changelable(value) {
				this.lable = value
				this.init()
			},
			// 切换招聘
			changelablezp(value) {
				this.lablezp = value
				this.init()
			},
			// 切换仓储
			changelablecc(value) {
				this.lablecc = value
				this.init()
			},
			changeshow() {
				this.zxdata.isshow = !this.zxdata.isshow
			},
		}
	}
</script>

<style lang="scss" scoped>
	.round {
		border-radius: 15rpx 15rpx 15rpx 15rpx;
	}

	.chuzu_img {
		width: 132rpx;
		height: 132rpx;
		background-size: 100% 100%;
		border-radius: 15rpx 15rpx 15rpx 15rpx;

	}

	.chuzu {
		padding: 30rpx 30rpx;
		background-color: #fff;
		margin-top: 30rpx;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		position: relative;
	}

	.tubiao {
		width: 16rpx;
		height: 23rpx;
		margin-right: 14rpx;
	}

	.dizhi {
		font-size: 28rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #333333;
	}


	.chuzu_a {
		padding-left: 19rpx;
		flex-grow: 1;
		align-self: flex-start;
	}

	.chuzu_center {
		padding-top: 14rpx;
	}

	.zhuying {
		font-size: 28rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #000000;
		padding-left: 19rpx;
		padding-top: 24rpx;
		//超出两行省略号
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.image_ya {
		width: 77rpx;
		height: 77rpx;
		border-radius: 50%;

		image {
			width: 100%;
			height: 100%;
			border-radius: 50%;
		}
	}

	.lookjl {
		border: 1rpx solid #228DFF;
		border-radius: 10rpx;
		padding: 15rpx;
		font-size: 30rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #228DFF;
	}

	.item_image {
		width: 144rpx;
		height: 144rpx;
		margin-top: 15rpx;

		image {
			width: 100%;
			height: 100%;
		}
	}

	.item_image1 {
		width: 132rpx;
		height: 132rpx;

		image {
			width: 100%;
			height: 100%;
		}
	}

	.bottomline {
		padding-bottom: 30rpx;
		border-bottom: 1rpx solid rgba(0, 0, 0, .01);
	}

	.addresstext {
		font-size: 24rpx;
		font-family: PingFang SC-Heavy, PingFang SC;
		font-weight: 800;
		color: #000000;
		text-align: center;
		width: 200rpx;
	}

	.wdfb {
		background-color: #F1F1F1;
	}

	.right_icon {
		margin-left: 9rpx;
	}

	.active {
		color: #228DFF;
	}

	.actived {
		color: #FFA500;
	}

	.content {
		padding: 30rpx 25rpx;
	}

	.lan {
		background: RGBA(233, 244, 255, 1);
		border-radius: 41rpx 41rpx 41rpx 41rpx;
		font-size: 28rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #228DFF;
		padding: 20rpx 43rpx 21rpx 43rpx;
		margin: 30rpx 0rpx 0rpx 28rpx;
	}

	.pu {
		background: RGBA(247, 249, 250, 1);
		border-radius: 41rpx 41rpx 41rpx 41rpx;
		font-size: 28rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #999999;
		padding: 20rpx 43rpx 21rpx 43rpx;
		margin: 30rpx 0rpx 0rpx 28rpx;
	}

	.center {
		background-color: #fff;
		padding: 35rpx 37rpx;
		position: relative;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.city {
		font-size: 24rpx;
		font-family: PingFang SC-Heavy, PingFang SC;
		font-weight: 800;
		color: #000000;
	}

	.header {
		margin-top: 30rpx;
		background-color: #fff;
		padding: 27rpx 28rpx 27rpx 28rpx;
		font-size: 24rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #666666;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.gray {
		width: 8rpx;
		height: 12rpx;
		background-size: 100% 100%;
		padding-left: 6rpx;
	}

	// 
	.nav_b {
		// padding: 36rpx 32rpx;
		background-color: #fff;
	}

	.right_henan {
		width: 360rpx;
		font-size: 30rpx;
		font-family: PingFang SC-Heavy, PingFang SC;
		font-weight: 800;
		color: #000000;
		padding-left: 19rpx;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.puhuo {
		font-size: 28rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #228DFF;
		padding: 4rpx 18rpx 4rpx 18rpx;
		background-color: RGBA(233, 244, 255, 1);
		margin-top: 14rpx;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		margin-left: 14rpx;
	}

	.address {
		width: 280rpx;
		font-size: 28rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #333333;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.km {
		font-size: 28rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #228DFF;
		padding-left: 16rpx;
	}

	.add {
		margin-top: 40rpx;
		border-bottom: 1rpx solid rgba(0, 0, 0, 0.1);
		padding-bottom: 36rpx;
	}

	.ii {
		margin-right: 22rpx;
	}

	.liu {
		padding-top: 30rpx;
	}

	.liulan {
		font-size: 28rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #666666;
	}

	.nav_a {
		background: #FFFFFF;
		margin: 30rpx 0rpx 0rpx 0rpx;
		position: relative;
	}

	.posilable {
		position: absolute;
		top: 0;
		right: 0;
		border-radius: 0 11rpx 0 11rpx;
		padding: 10rpx 20rpx;
		font-size: 24rpx;
	}

	.zhida {
		font-size: 28rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #228DFF;
		border: 1rpx solid rgba(34, 141, 255, 1);
		padding: 0rpx 10rpx;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
	}

	.zhida2 {
		font-size: 28rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #228DFF;
		border: 1rpx solid rgba(34, 141, 255, 1);
		padding: 0rpx 10rpx;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
	}

	.zhongzhuan {
		font-size: 28rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #FFA500;
		border: 1rpx solid rgba(255, 165, 0, 1);
		padding: 0rpx 10rpx;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
	}

	.zhengzhou {
		padding: 0rpx 20rpx 0rpx 14rpx;
		font-size: 24rpx;
		font-family: PingFang SC-Heavy, PingFang SC;
		font-weight: 800;
		color: #000000;
	}

	.zd {
		padding: 31rpx 32rpx;
	}

	.luoyang {
		font-size: 24rpx;
		font-family: PingFang SC-Heavy, PingFang SC;
		font-weight: 800;
		color: #000000;
		padding: 0rpx 20rpx;
	}

	.xiangqing {
		font-size: 24rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #999999;
		padding-right: 11rpx;
		padding-left: 261rpx;
	}

	.xian {
		border-bottom: 2rpx solid RGBA(247, 247, 247, 1);
	}

	.car_img {
		width: 132rpx;
		height: 132rpx;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
	}

	// 


	.city {
		font-size: 34rpx;
		font-family: PingFang SC-Heavy, PingFang SC;
		font-weight: 800;
		color: #000000;
		padding-left: 12rpx;
	}

	.nav_header {
		padding-bottom: 32rpx;
		border-bottom: 1rpx solid RGBA(247, 247, 247, 1);
	}

	.look {
		font-size: 24rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #999999;
	}

	.form {
		text-align: center;
		padding-top: 54rpx;
		padding-bottom: 61rpx;
	}

	.transport {
		height: 200rpx;
		padding: 0rpx 30rpx;
		overflow-x: hidden;
	}

	.chongzhi {
		font-size: 32rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #228DFF;
		border: 1rpx solid #228DFF;
		border-radius: 41rpx 41rpx 41rpx 41rpx;
		padding: 20rpx 128rpx 17rpx 129rpx;
	}

	.queren {
		font-size: 32rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #fff;
		background-color: rgba(34, 141, 255, 1);
		border: 1rpx solid #228DFF;
		border-radius: 41rpx 41rpx 41rpx 41rpx;
		padding: 20rpx 128rpx 17rpx 129rpx;
	}

	.footer {
		padding: 72rpx 30rpx;
	}

	.center_zi {
		padding: 0rpx 20rpx;
	}

	.hui_zi {
		font-size: 26rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #666666;
		padding-top: 24rpx;
		//超出两行省略号
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.item_image_box {
		width: 25%;
	}

	.centers {
		margin-top: 30rpx;
		font-size: 28rpx;
		font-family: PingFang SC-Heavy, PingFang SC;
		font-weight: 800;
		color: #000000;
	}

	.center_a {
		padding: 100rpx 0rpx 30rpx 0rpx;
		background-color: #ffff;
	}

	.bottom_zi {
		padding-top: 30rpx;
	}

	.all {
		background: #fFF;
		border-radius: 11rpx 0rpx 0rpx 11rpx;
		font-size: 32rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #228DFF;
		padding: 11rpx 38rpx;
		border: 2rpx solid #228DFF;
	}

	.alls {
		background: #228DFF;
		border-radius: 0rpx 11rpx 11rpx 0rpx;
		font-size: 32rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #ffff;
		padding: 11rpx 38rpx;
		border: 2rpx solid #228DFF;
	}

	.xuqui {
		background: #fff;
		color: #228DFF;
		border: 2rpx solid #228DFF;
	}

	.gongying {
		background: #228DFF;
		color: #ffff;
		border: 2rpx solid #228DFF;
	}

	.quigou {
		color: #228DFF;
	}
</style>